<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品牌排行</title>
</head>

<!-- 先引入第三方的框架 -->
<link rel="stylesheet" href="./../lib/bootstrap/css/bootstrap.css">
<!-- 再引入自己的less -->
<link rel="stylesheet" href="./../css/base.css">
<link rel="stylesheet" href="./../css/index.css">
<link rel="stylesheet" href="./../css/category.css">
<link rel="stylesheet" href="./../css/blandtitle.css">

<!--<script src="js/jquery.js"></script>-->
<script src="./../lib/jquery/jquery.min.js"></script>
<script src="./../js/template.js"></script>

<body>
    <!-- 头部 -->
    <header id="header">
        <a href="#" class="logo"><img src="images/header_logo.png" alt=""></a>
        <a href="#" class="app"><img src="images/header_app.png" alt=""></a>
    </header>

    <!-- 搜索 -->
    <section id="search">
        <form action="#">
            <input type="search" name="" id="" placeholder="请输入要比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>

    <!-- 二级菜单 -->
    <div class="category-title">
        <ol class="breadcrumb">
            <li><a href="index.html">首页</a></li>
            <li><a href="#">全部分类</a></li>
        </ol>
    </div>

    <!-- 热门品牌排行 -->
    <div class="chartss">
        <p>
            热门品牌排行
        </p>
    </div>

    <!-- 排行主体 -->
    <main>
        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            <div class="panel panel-default">
                <div class="panel-heading" role="tab" id="headingOne">
                    <h4 class="panel-title">
                        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            <span>内容</span>
                            <i class="fr">向上箭头</i>
                        </a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse " role="tabpanel" aria-labelledby="headingOne">
                    <div class="panel-body">
                        <div class="container">
                            <div class="row">
                                <div class="col-xs-3">2</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- 底部 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="#">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="#">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">返回顶部</a>
            </div>
        </div>
        <p> <a href="#">手机APP下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>

</body>

</html>

<script src="./../lib/bootstrap/js/bootstrap.min.js"></script>
<script src="./../js/url.js"></script>
<script type="text/html" id="product">
    {{each result as value i}}
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="heading{{i}}">
            <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-brandTitleid="{{value.brandTitleId}}" data-parent="#accordion" href="#collapse{{i}}" aria-expanded="true" aria-controls="collapse{{i}}">
                    <span>{{value.brandTitle}}</span>
                    <i class="fr">▼</i>
                </a>
            </h4>
        </div>
        <div id="collapse{{i}}" class="panel-collapse collapse " role="tabpanel" aria-labelledby="heading{{i}}">
            <div class="panel-body">
                <div class="container">
                    <div class="row">
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{/each}}
</script>
<script type="text/html" id="product_1">
    {{each result as value i}}
    <div class="col-xs-12 clearfix">
        <a class="fl" href="brand.html?title={{value.brandName}}&brandtitleid={{value.brandId}}">
            <i class="fl">{{i}}</i> {{value.brandName}}
            <div class="sel">
                {{value.brandInfo}}
            </div>
        </a>
    </div>
    {{/each}}
</script>